/*************************************
* 文件名称：shuilangjun_front.css
* 内容概要： 组件样式
* 前   缀：sljf_
*************************************/


/****************************************************************************************************
*                                            内容样式                                              *
*****************************************************************************************************/
/**********************************
*                    当前位置 *
**********************************/
.sljf_location {
	line-height:23px;
	overflow:hidden;
	font-size:13px;
	/*text-align:right;*/
	color:#666;
}
.sljf_location a:link, 
.sljf_location a:visited {
	color:#666;
	text-decoration:none;
}
.sljf_location a:hover, 
.sljf_location a:active {
	color:#333;
	text-decoration:underline;
}

/***********************************
*搜索框        *
************************************/
.wlhf_sideBarSearch{
	position: relative;
	margin-top: 20px;
    margin-bottom: 10px;
}
.wlhf_sideBarSearch .f_formControl{
	display: block;
    width: 100%;
    height: 35px;
	padding-left: 15px;
    padding-right: 15px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.5;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.wlhf_sideBarSearch .f_button{
	position:absolute;
	height:35px;
	height:35px;
	right:5px;
	top:0;
    padding: 9px 12px;
    color: #b7bcc8;
    border: 0;
    line-height: 0;
	background:url(./search_mini_bg.jpg) right center no-repeat;
	
}
.wlhf_sideBarSearch .f_button span{

}
/***********************************
*侧边栏目菜单（伸缩菜单）         *
************************************/
.sljf_flex_menu{
	font-size:12px;
	padding:20px 0;
	background:#f7f5fa;
}
.sljf_flex_menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.sljf_flex_menu h3{
	font-size:13px;
	line-height:25px;
	padding:0px;
	margin:0px;
}
.sljf_flex_menu .f_hidden{
	display:none;
}
.sljf_flex_menu a{
	display:block;
	padding-left:5px;
	line-height:25px;
	border-left:solid 1px #f7f5fa;
}

.sljf_flex_menu a:link,
.sljf_flex_menu a:visited{
	color:#716b7a;
}
.sljf_flex_menu a.thisclass,
.sljf_flex_menu a:hover,
.sljf_flex_menu a:active{
	color:#563d7c;
	font-weight:bold;
	border-left:solid 1px #563d7c;
	text-decoration:none;
}

.sljf_flex_menu .f_group{
}
.sljf_flex_menu .f_group .f_title{
	display:block;
	text-indent:1em;
}

.sljf_flex_menu .f_group .f_menu{
	text-indent:3em;
}


/***********************************
*内容主体                           *
************************************/
.wlhf_submitHelp{
	max-width:550px;
	margin:50px auto 0 auto;
	padding:20px;
	background:#f9f9f9;
	border:dashed 1px #ccc;
	
}
/*标题*/
.wlhf_submitHelp .f_title{
	font-size:20px;
	height:35px;
	line-height:35px;
	color:#563d7c;
	
}
/*信息*/
.wlhf_submitHelp .f_info{
	color:#666;
	font-size:15px;
	
}
/*表单*/
.wlhf_submitHelp .f_form{
	
}
.wlhf_submitHelp .f_form textarea{
	display:block;
	width:100%;
	margin:20px 0 0 0;
	height: 100px;
}

.wlhf_submitHelp .f_form .f_submit{
	display:block;
	float:right;
	margin:20px 0 0 0;
	padding:0px;
	width:180px;
	height:30px;
	line-height:30px;
	border:none;
	color:#fff;
	text-align:center;
	background:#463265;	
}
/***********************************
*内容主体                           *
************************************/
.sljf_mainContent{
    width:100%;
}
.sljf_mainContent h1{
	text-align: center;
	font-size: 20px;
	font-weight: 900;
	color: #a03827;
}
.sljf_mainContent h2{
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
	font-size:26px;
}

.sljf_mainContent p{
	text-indent:20px;
}

.sljf_mainContent pre,
.sljf_mainContent code{
    padding:10px;
}
.sljf_mainContent pre.f_code{
	display: block;
	background-color:#333;
	color:#fff;
}

@media (min-width: 900px) {
	.sljf_mainContent img{
		display: block;
		max-width: 100% !important;
		height: auto !important;
	}
}
@media (max-width: 899px) {
	.sljf_mainContent img{
		display: block;
		width: 100% !important;
		height: auto !important;
	}
	.sljf_location {
		padding-top: 20px;
		font-size: 16px;
	}
}

.sljf_mainContent ul{
    padding-left:15px;
}
.sljf_mainContent strong{
	padding: 2px 4px;
	color: #c7254e;
	white-space: nowrap;
	background-color: #f9f2f4;
	border-radius: 4px;
}
/************************************
*最近更新标题    ok                   * 
************************************/
.sljf_updateTitle{
	height:30px;
	line-height:30px;
	font-size:20px;
	color:#333;
	

}
/************************************
*左图右文列表    ok                   * 
************************************/
.sljf_list_leftImgRightDescription {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.sljf_list_leftImgRightDescription li {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:solid 1px  #e5e5e5;
	background:#FFF;
}
.sljf_list_leftImgRightDescription li a{
	color:#563d7c;
}


.sljf_list_leftImgRightDescription li:after {
	zoom:1;
	display:block;
	content: "";
	line-height: 0;
	clear:both;
}
.sljf_list_leftImgRightDescription li .f_left{
	float:left;
}
.sljf_list_leftImgRightDescription li .f_left img{
	width:50px;
	height:50px;
	padding:5px;
	border:solid 1px #999;
	margin-right:10px;
	background:#eee;
	
}
.sljf_list_leftImgRightDescription li .f_right{
	overflow:hidden;/*不会出现图片环绕*/
}
.sljf_list_leftImgRightDescription li .f_right .f_title{
	font-size:14px;
	
}

.sljf_list_leftImgRightDescription li .f_right .f_description{
	margin:10px 0 0 0;
	color:#4d4d4d;
}
.sljf_list_leftImgRightDescription li .f_right .f_more{
	margin-top:10px;
}

.sljf_list_leftImgRightDescription li .f_right .f_more{
	color:#999;
	
}

/* 窗口宽度>768, */
@media screen and (min-width:768px){
.sljf_list_leftImgRightDescription li .f_left img{
	width:100px;
	height:100px;
	padding:5px;
	border:solid 1px #999;
	margin-right:10px;
	background:#eee;
} 
.sljf_list_leftImgRightDescription li .f_right .f_title{
	font-size:20px;
}  
.sljf_list_leftImgRightDescription li .f_right .f_more{
}
.sljf_list_leftImgRightDescription li .f_right .f_description{
} 
}

/***********************************
*分页                                *
************************************/
.sljf_page{ padding:10px;}
.sljf_page .f_pre{ float:left;}
.sljf_page .f_next{ float:right;}


/****************************************************************************************************
*                                           底部版权信息等                                            *
*****************************************************************************************************/
.sljf_footer_copyright {
	text-align:center;
}

